<template>
  <div class="error">
    <img class="errorImg" src="../assets/img/error.png" alt="">
    <div class="text">当前系统异常或暂无网络，<br/>请拨打电话0358-0102356，<br/>或者扫描下方二维码联系客服人员。</div>
    <div class="codeBox">
        <div class="code"></div>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
.error{
    width: 100%;
    height: 1920px;
    background-image: url('../assets/img/bgImg.png');
    background-size: 100% 1920px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 267px;
    .errorImg{
        width: 520px;
        height: 520px;
    }
    .text{
        font-size: 48px;
        color: #7875FC;
        text-align: center;
        margin-top: 41px;
    }
    .codeBox{
        width: 310px;
        height: 310px;
        background-image: url('../assets/img/Rectangle 30399.png');
        background-size: 100% 310px;
        margin: 0 auto;
        // margin-top: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 70px;
        .code{
            width: 264px;
            height: 264px;
            background-color: #fff;
        }
    }
}
</style>